import { Component } from 'react'
import { View, Button, Text, Image } from '@tarojs/components'
import { observer, inject } from 'mobx-react'
import MyGoods from '../../components/goods'
import notDataImg from '@/assets/commons/notData.png'
import likeLeftImg from '@/assets/commons/like-left.png'
import likeRightImg from '@/assets/commons/like-right.png'

import './index.scss'

@inject('store')
@observer
class Cart extends Component {
  componentWillMount () { }

  componentDidMount () { }

  componentWillUnmount () { }

  componentDidShow () { }

  componentDidHide () { }

  render () {
    return (
      <View className="cart">
        <View className="not-data">
          <View className="not">
            <Image className="not-data-img" src={notDataImg} />
            <Text className="not-data-title">购物车还是空的哦</Text>
            <Button className="not-data-Button" size="mini">去逛逛</Button>
          </View>
          <View className="cart-recom">
            <View className="like">
              <Image className="like-img" src={likeLeftImg} />
              <Text className="like-title">猜你喜欢</Text>
              <Image className="like-img" src={likeRightImg} />
            </View>
            <MyGoods/>
          </View>
        </View>
        <View className="cart-content">
        </View>
      </View>
    )
  }
}

export default Cart
